<template>
  <div>
    <a-table
      :class="'my-index-table tytable1'"
      ref="table1"
      size="small"
      rowKey="id"
      bordered
      :columns="columns"
      :dataSource="dataSource1"
      :pagination="false"
    >
      <template slot="ellipsisText" slot-scope="text">
        <j-ellipsis :value="text" :length="textMaxLength"></j-ellipsis>
      </template>

      <template slot="dayWarnning" slot-scope="text, record">
        <a-icon type="bulb" theme="twoTone" style="font-size: 22px" :twoToneColor="getTipColor(record)" />
      </template>
    </a-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '(6)月份能源使用日报表(蒸汽)',
          align: 'center',
          children: [
            {
              width: 50,
              dataIndex: 'yjje',
              title: '日期',
            },
            {
              title: '天然气表数',
              align: 'center',
              width: 50,
            },
            {
              title: '天然气用量',
              align: 'center',
              width: 50,
            },
            {
              title: '1号炉',
              align: 'center',
              children: [
                {
                  title: '蒸汽表数',
                  width: 50,
                  dataIndex: 'water',
                },
              ],
            },
            {
              title: '2号炉',
              align: 'center',
              children: [
                {
                  title: '蒸汽表数',
                  width: 50,
                  dataIndex: 'water',
                },
              ],
            },
            {
              title: '3号炉',
              align: 'center',
              children: [
                {
                  title: '蒸汽表数',
                  width: 50,
                  dataIndex: 'water',
                },
              ],
            },
            {
              title: '蒸汽产量',
              align: 'center',
              width: 50,
            },
            {
              title: '燃气比',
              align: 'center',
                  width: 50,
             
            },
            {
              title: '羽毛粉+制冷',
              align: 'center',
              children: [
                {
                  title: '蒸汽表数',
                  width: 50,
                  dataIndex: 'water',
                },
                {
                  title: '用量',
                  width: 50,
                  dataIndex: 'water',
                },
              ],
            },
            {
              title: '羽毛粉',
              align: 'center',
              children: [
                {
                  title: '蒸汽表数',
                  width: 50,
                  dataIndex: 'water',
                },
                {
                  title: '用量',
                  width: 50,
                  dataIndex: 'water',
                },
                
              ],
            },
            {
              title: '制冷系统',
              align: 'center',
              children: [
                {
                  title: '蒸汽用量',
                  width: 50,
                  dataIndex: 'water',
                },
              ],
            },
            {
              title: '供暖系统',
              align: 'center',
              children: [
                {
                  title: '蒸汽表数',
                  width: 50,
                  dataIndex: 'water',
                },
                {
                  title: '用量',
                  width: 50,
                  dataIndex: 'water',
                },
              ],
            },
            {
              title: '车间系统',
              align: 'center',
              children: [
                {
                  title: '总表-羽毛粉-供暖',
                  width: 50,
                  dataIndex: 'water',
                },
              ],
            },
          ],
        },
      ],
      dataSource1: [
        {
          yjje: '2021-08-08',
          water: 0,
        },
      ],
    }
  },
}
</script>
<style lang="less" scoped>
/deep/.ant-table-small > .ant-table-content > .ant-table-body{
  margin:0;
}
</style>